<!--  -->
<template>
  <strong :class="{'user-card-triggle':userId && userName != '自动审批'}" v-user="userId">
		<open-data v-if="isOpenData && userName != '自动审批'" type="userName" :openid=staffId></open-data>
		<span v-else>{{userName == '自动审批' ? $t('common.base.autoApproveIt') : userName}}</span>
	</strong>
</template>

<script>
import { defineComponent, computed, ref } from 'vue';
import { isOpenData } from '@src/util/platform';
export default defineComponent({
	name:'recordUserName',
	props:{
		userId:{
			type:String,
			default:''
		},
		staffId:{
			type:String,
			default:''
		},
		userName:{
			type:String,
			default:''
		}
	},
  setup(props, {emit}){
		return {
			isOpenData
		}
	}
});
</script>
<style lang="scss" scoped></style>
